<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <link rel="stylesheet" href="../../yl/index.css" />
  <link rel="stylesheet" href="../../style/index.css" />
  <title>党员信息</title>
</head>

<body>
  <div id="app" v-cloak>
    <div class="title" v-cloak>
      <div style="padding: 5px;">
        政府人员<el-input v-model="page.value1" style="width: 200px; margin:0 10px; " placeholder="请输入政府人员"></el-input>
        <el-button icon="Search" style="margin: 0; margin-right: 10px;" @click="check">查询</el-button>
        <el-button icon="Refresh" style="margin: 0; margin-right: 10px;" @click="reset">重置</el-button>

        <el-button type="primary" icon="CirclePlus" style="margin: 0; margin-right: 10px;" @click="personalAdd" plain
          round>添加</el-button>
        <!-- <el-button type="warning" icon="Download" style="margin: 0; margin-right: 10px;" @click="personalAdd" plain
          round>批量导入</el-button>
        <el-button type="success" icon="Upload" style="margin: 0; margin-right: 10px;" @click="personalAdd" plain
          round>批量导出</el-button>
        <el-button type="danger" icon="Delete" style="margin: 0; margin-right: 10px;" @click="personalAdd" plain
          round>批量删除</el-button> -->
      </div>
    </div>
    <div class="body" v-cloak>
      <div class="left" v-cloak>
        <!-- 树 -->
        <el-tree id="tree" default-expand-all
          :data-options="JSON.stringify({ 'TableName': 'government_agencies', 'NodeCode': '','primary_key':'Government_Agencies_SerialNumber' })"
          style="max-width: 600px" :data="treeData" :props="{ label:'Agensies_Name'}" default-expand-all
          @node-click="handleNodeClick" :expand-on-click-node="false">
          </template>
        </el-tree>
      </div>
      <div class="right" v-cloak>
        <el-table id="table"
          :data-options="JSON.stringify({ 'TableName': 'government_member_information','primary_key':'Government_Member_SerialNumber'})"
          v-loading="loading" ref="multipleTable" tooltip-effect="dark" :data="Tabletdata"
          @selection-change="handleSelectionChange">
          <el-table-column min-width="180" v-for="column in columns" :key="column.COLUMN_NAME" :prop="column.COLUMN_NAME"
            :label="column.COLUMN_COMMENT">
            <template v-slot="{row}" >
              <div v-if="isValueType(row[column.COLUMN_NAME])=='image'">
                  <el-image style="width: 100px; height: 100px" :src="photo + row[column.COLUMN_NAME]" fit="contain"></el-image>
              </div>
              <div v-else>
                  {{row[column.COLUMN_NAME]}}
              </div>
            </template>
          </el-table-column>
          <el-table-column label="操作" fixed="right" min-width="132">
            <template #default="scope">
              <el-button size="small" @click="handleEdit(scope.row)">
                编辑
              </el-button>
              <el-button size="small" type="danger" @click="handleDelete(scope.row)">
                删除
              </el-button>
            </template>
          </el-table-column>
        </el-table>
        <el-pagination v-if="activeName === 'first'" style="margin-top: 1%; flex-shrink: 0;" :current-page="currentPage"
          :page-size="pageSize" layout="total, sizes, prev, pager, next, jumper" :total="Total"
          @size-change="handleSizeChange" @current-change="handleCurrentChange" />
      </div>
    </div>
  </div>
  </div>
  <script src="../../yl/vue.js"></script>
  <script src="../../config/config.js"></script>
  <script src="../../utils/utils.js"></script>
  <script src="../../utils/mixins.js"></script>
  <script src="../../yl/index.js"></script>
  <script src="../../yl/index.iife.min.js"></script>
  <script src="../../yl/jquery.min.js"></script>
  <script src="../../utils/jquery.cookie.js"></script>
  <script src="../../yl/zh-cn.mjs"></script>
  <script src="../../yl/jquery.easyui.min.js"></script>
  <script src="../../yl/jquery.easyui.mobile.js"></script>
  <script src="../../yl/moment.min.js"></script>
  <script src="../../api/request.js"></script>
  <!-- <script src="../../utils/mixins.js"></script>
  <script src="../../yl/vue.js"></script>
  <script src="../../yl/index.js"></script>
  <script src="../../yl/zh-cn.mjs"></script>
  <script src="../../yl/index.iife.min.js"></script>
  <script src="../../yl/jquery.min.js"></script>
<script src="../../../utils/jquery.cookie.js"></script>
  <script src="../../api/request.js"></script> -->
  <script src="./js/index.js"></script>
</body>

</html>